<%--
  Created by IntelliJ IDEA.
  User: YIMing
  Date: 2021/8/14/014
  Time: 14:38
  To change this template use File | Settings | File Templates.
--%>
<%@ page contentType="text/html;charset=UTF-8" language="java" %>
<html>
<head>
    <title>学生首页</title>
    <link href="../layui/css/layui.css" rel="stylesheet">
    <script src="../layui/layui.js"></script>
    <script src="../js/jquery-3.1.0.js"></script>
    <style>
        body {
            background-color: #eeeeee;
        }

        .layui-row {
            background-color: white;
            margin: 10px;
            padding: 10px;
            border-radius: 10px;
        }

        .title {
            font-size: 16px;
            font-weight: bold;
        }

        .layui-card-header .title {
            font-size: 16px;
            font-weight: bold;
            color: white;
        }


        .layui-col-lg4 {
            padding: 8px;
            height: 200px;
        }

        .layui-col-lg12 {
            padding: 5px;

        }

        .layui-card {
            text-align: center;
        }
    </style>
</head>
<body>
<%--面包屑--%>
<div class="layui-row">
    <div class="layui-col-lg12">
        <span class="layui-badge layui-bg-orange" style="margin-bottom: -3px"></span>
        <span class="layui-breadcrumb">
            <a><cite>学生首页</cite></a>
                </span>
    </div>
</div>

<%--头部个人基本信息--%>
<div class="layui-row" style="text-align: center">
    <fieldset class="layui-elem-field layui-field-title">
        <legend>学生信息</legend>
    </fieldset>
    <div class="layui-col-lg3">
        <div class="layui-col-lg12">
            <span class="title">选题学生：</span><span id="sname">- -</span>
        </div>
        <div class="layui-col-lg12">
            <span class="title">学生学号：</span><span id="sno">- -</span>
        </div>
    </div>

    <div class="layui-col-lg3">
        <div class="layui-col-lg12">
            <span class="title">学院：</span><span id="collName">- -</span>
        </div>
        <div class="layui-col-lg12">
            <span class="title">学生专业：</span><span id="majorName">- -</span>
        </div>
    </div>

    <div class="layui-col-lg3">
        <div class="layui-col-lg12">
            <span class="title">班级：</span><span id="classes">- -</span>
        </div>
        <div class="layui-col-lg12">
            <span class="title">指导老师：</span><span id="tname">- -</span>
        </div>
    </div>

    <div class="layui-col-lg3">
        <div class="layui-col-lg12">
            <span class="title">课题名称：</span><span id="title">- -</span>
        </div>
        <div class="layui-col-lg12">
            <span class="title">课题状态：</span><span id="state">- -</span>
        </div>
    </div>
</div>

<%--进度--%>
<div class="layui-col-lg9">
    <div class="layui-row">
        <fieldset class="layui-elem-field layui-field-title">
            <legend>我的进度</legend>
        </fieldset>
        <div class="layui-col-lg12">
            <div class="layui-col-lg2">
                <span class="layui-badge layui-bg-green"> 已结束</span>
                <span class="layui-badge layui-bg-orange"> 进行中 </span>
                <span class="layui-badge" style="background-color: gray"> 未开始 </span>
            </div>
        </div>
        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="1" style="background-color: gray"><span
                        class="title">任务书</span>
                </div>
                <div class="layui-card-body">
                    <span id="state1"></span><br>
                    开始时间：<span id="start1">- -</span><br>
                    结束时间：<span id="end1">- -</span><br>
                    剩余天数：<span id="days1">- -</span>
                </div>
            </div>
        </div>

        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="2" style="background-color: gray"><span
                        class="title">开题报告</span>
                </div>
                <div class="layui-card-body">
                    <span id="state2"></span><br>
                    开始时间：<span id="start2">- -</span><br>
                    结束时间：<span id="end2">- -</span><br>
                    剩余天数：<span id="days2">- -</span>
                </div>
            </div>
        </div>

        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="3" style="background-color: gray"><span
                        class="title">中期检查</span>
                </div>
                <div class="layui-card-body">
                    <span id="state3"></span><br>
                    开始时间：<span id="start3">- -</span><br>
                    结束时间：<span id="end3">- -</span><br>
                    剩余天数：<span id="days3">- -</span>
                </div>
            </div>
        </div>

        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="4" style="background-color: gray"><span
                        class="title">论文初稿</span>
                </div>
                <div class="layui-card-body">
                    <span id="state4"></span><br>
                    开始时间：<span id="start4">- -</span><br>
                    结束时间：<span id="end4">- -</span><br>
                    剩余天数：<span id="days4">- -</span>
                </div>
            </div>
        </div>

        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="5" style="background-color: gray"><span
                        class="title">论文定稿</span>
                </div>
                <div class="layui-card-body">
                    <span id="state5"></span><br>
                    开始时间：<span id="start5">- -</span><br>
                    结束时间：<span id="end5">- -</span><br>
                    剩余天数：<span id="days5">- -</span>
                </div>
            </div>
        </div>

        <div class="layui-col-lg4">
            <div class="layui-card">
                <div class="layui-card-header" id="6" style="background-color: gray"><span
                        class="title">论文终稿</span>
                </div>
                <div class="layui-card-body">
                    <span id="state6"></span><br>
                    开始时间：<span id="start6">- -</span><br>
                    结束时间：<span id="end6">- -</span><br>
                    剩余天数：<span id="days6">- -</span>
                </div>
            </div>
        </div>
    </div>

</div>
<div class="layui-col-lg3">
    <%--答辩信息--%>
    <div class="layui-row">
        <div class="layui-card">
            <fieldset class="layui-elem-field layui-field-title">
                <legend>答辩信息</legend>
            </fieldset>
            <div class="layui-col-lg12" style="padding: 20px">
                <div class="layui-card">
                    <div class="layui-card-header" id="Defense-Group" style="background-color: gray">
                        <span class="title" id="Defense-Group-title">未分配答辩组</span>
                    </div>
                    <div class="layui-card-body">
                        答辩时间：<span id="time">- -</span><br>
                        答辩地点：<span id="place">- -</span><br>
                        倒计时：<span id="timeout">- -</span>
                    </div>
                </div>
            </div>
        </div>
    </div>

</body>
<script>
    let sno;
    $(function () {
        sno = '${sessionScope.userName}';
    });
</script>
<script src="js/home.js"></script>
</html>
